<template>
	<view>
		<uni-section title="消息" type="line" style="margin-bottom: 3px;">
			<view class="box-bg">
				<uni-nav-bar height="150rpx" left-icon="left" title="消息" @clickLeft="back" />
			</view>
		</uni-section>
		<navigator url="../discounInformation/discounInformation" open-type="navigate">
			<view class="inform">
				<view>
					<view class="imgDis">
						<image src="https://cdn3.axureshop.com/demo/2116044/images/%E6%B6%88%E6%81%AF/u4150.png">
						</image>
					</view>
				</view>

				<view class="nn">
					<view id="notice">优惠通知</view>
					<view id='discount'>您有一张优惠券即将过期</view>
				</view>
				<view class='tt'>
					<view id="time">2021-04-30</view>
					<view class="noti">
						<image src="https://cdn3.axureshop.com/demo/2116044/images/%E6%B6%88%E6%81%AF/u4149.png">
						</image>
					</view>

				</view>
			</view>
		</navigator>
		<navigator url="../systemInfor/systemInfor" open-type="navigate">
			<view class="inform">
				<view class="ii">
					<view class="imgDis">
						<image src="https://cdn3.axureshop.com/demo/2116044/images/%E6%B6%88%E6%81%AF/u4157.png">
						</image>
					</view>
				</view>
				<view class="nn">
					<view id="notice">系统通知</view>
					<view id='discount'>注册成功通知</view>
				</view>
				<view class='tt'>
					<view id="time">2021-04-30</view>
					<view class="noti">
						<image src="https://cdn3.axureshop.com/demo/2116044/images/%E6%B6%88%E6%81%AF/u4149.png">
						</image>
					</view>

				</view>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			back() {
				uni.redirectTo({
					url: '/pages/my/my'
				})
			}
		}
	}
</script>

<style>
	.inform {
		display: flex;
		/* justify-content: space-around; */
		/* justify-content: space-between; */
		padding-left: 20rpx;
		padding-bottom: 20rpx;
		padding-right: 20rpx;
		border-bottom: 2rpx solid #e1e1e1;
		padding-top: 10rpx;
	}

	#discount {
		color: #b0b0b0;
		font-size: 25rpx;
		margin-top: 10rpx;
	}

	.imgDis {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 80rpx;
		height: 80rpx;
		background-color: rgba(247, 114, 20, 0.0980392156862745);
		border-radius: 100rpx;
		margin: 20rpx;
	}

	.ii {
		flex: 1;
	}

	.nn {
		/* margin-left:50rpx ; */
		flex: 2;
	}

	.imgDis image {
		width: 30rpx;
		height: 30rpx;
	}

	.noti {
		width: 50rpx;
		height: 50rpx;
	}

	.noti image {
		width: 16rpx;
		height: 16rpx;
	}

	.tt {
		/* margin-right:50rpx; */
		margin-left: 150rpx;
		flex: 1;
	}

	#time {
		color: #b0b0b0;
		font-size: 25rpx;
	}

	.noti {
		margin-left: 100rpx;
	}
</style>
